@charset "utf-8";

/* CSS Document */



/*-----whole-----*/



html, body{position:relative;height:100%;}


*,
*:before,
*:after {
    box-sizing: border-box;
    outline: 0;
}

.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container{position:relative;left:0px;width:100%;min-width:1200px;height:auto;}

.contain{width:1200px;margin:0 auto;position:relative;}





/*clearfix*/

.clearfix{*zoom:1}

.clearfix:before,

.clearfix:after{display:table;content:""}

.clearfix:after{clear:both}



/*初始化按钮*/

.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}

.btn span{display:inline-block;}



/*通用img*/

img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}



input.text{width:100%;padding:0px;border:0px;background:none;margin:0px;}



/*--- Header ---*/

.Header-wrapper{z-index:99;}



.header-top{height:40px;line-height:40px;color:#666666;border-bottom:1px solid #dcdcdc; font-size: 13px;}

.header-top .split{width:1px;height:11px;display:inline-block;background:#dcdcdc;margin:0 5px;}

.header-top .wx{display:inline-block;padding:0 0 0 27px;background:url(../images/h-wx.png) no-repeat left center;position: relative;}

.header-top .wb{display:inline-block;padding:0 0 0 27px;background:url(../images/icon_user.png) no-repeat left center;margin-left:6px;position: relative;height:35px;}

.header-top .wx .wxewm{position:absolute;left:0px;top:41px;width:94px;height:94px;box-shadow:0 0 8px #ccc;background:#fff;z-index:3;padding:10px;display:none;}

.header-top .wx .wxewm img{max-width:100%;}

.header-top .wx:hover .wxewm{display:block;}



.Header-wrapper .Hlogo{height:99px;line-height:99px;font-size:0px;float:left;}/*logo*/

.Header-wrapper .Hlogo img{margin-top:10px;margin-left:-45px;display:inline;border-right:2px solid #21aa93;padding-right:1px;}

.Header-wrapper .Hlogo p{margin-left:20px;float:right;color:#727272;font-size:23px;margin-top:-6px;}

.Header-wrapper .Hlogo span{color:#5f5f5f;font-size:12px;position:absolute;margin-left:21px;margin-top:15px;}

.Header-wrapper .Hct{padding:0 0 0 67px;font-weight:600;background:url(../images/icon-tel.png) no-repeat left center;float:right;margin:28px 0 0;height:55px;}

.Hct .type{line-height:24px;font-size:16px;color:#666666;}

.Hct .con{line-height:28px;font-size:27.27px;color:#00489c;}

.header{width:100%;height:60px;background:#00489c;position:relative;top:0px;left:0px;}
.header .phone{height:60px;position:relative;top:0px;left:0px;color: white; line-height: 25px; font-size: 20px; display: none;margin:0px 20px;}
.header .phone-left{float: left;}
.header .phone span{font-size: 14px; color:red}
.header .phone-right{float: right;}
.header li{width:11.1111%;float:left;}

.header li .Hname{display:block;height:60px;text-align:center;font-size:16px;color:#fff;}

.header li .Hname span{display:block;height:17px;line-height:17px;border-left:1px solid #21aa93;border-right:1px solid #21aa93;position:relative;top:22px;}

.header li:hover .Hname,.header li.cur .Hname, .menu-selected{background:#21aa93;}
/*21aa93  408ab4*/
.header li:hover .Hname span, .header li.cur .Hname span{border-color:#1d62b0;}


.header li .Hn2nd-box{box-sizing: content-box; padding:10px 20px;color:#fff;width:135px;left:-20px;background:#00489c;border-bottom-left-radius:10px;border-bottom-right-radius:10px;position:absolute;top:60px;display:none;}

.Hn2nd-box a{display:block;width:100%;line-height:35px;float:left;text-align: center;}

.Hn2nd-box a:hover{text-decoration:none; background: #21aa93;}


.header li .Hn2nd-box.Hn2nd-box2{width:336px;left:-121.5px;}

.Hn2nd-box.Hn2nd-box2 a{width:50%;}
.Hn2nd-box-left a{ text-align: left; padding-left: 10px;}

.header li:hover .Hn2nd-box{display:block;}

/*.header.fixed{position:fixed;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}*/
.header.fixed{position:fixed;}

@-webkit-keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-20px);

		transform: translateY(-20px);

	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}



@keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-20px);

		transform: translateY(-20px);

		-ms-transform: translateY(-20px);

	}



	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0);

		-ms-transform: translateY(0);

	}

}


.more{display:block;padding:0 20px 0 0;font-size:12px;background:url(../images/icon-more.png) no-repeat right center;float:right;}

/*--- Footer ---*/

.fcr{height:45px;line-height:45px;text-align:center;font-size:12px;color:#c9c9c9;background:#073782;}



.footer{padding:32px 0 30px;background:#073782;}

.footer dl{width:145px;float:left;}

.footer dl dt{display:block;line-height:31px;font-size:18px;color:#fff;margin:0 0 20px;}

.footer dl dd{padding:5px 0;line-height:22px;color:white;}

.footer a:hover{color:#fff;}



.fct{width:260px;border-left:1px solid #626262;padding:0 0 0 30px;float:right;}

.fct .con{color:#c9c9c9;line-height:22px;margin:10px 0 0;}


.fct img {max-width: 180px;}
.flink{min-height:24px;max-height:100%;height:auto;line-height:30px;font-size:12px;color:#fff;border-top:1px solid #656565;background:#073782;padding-top: 6px;}

.flink .type{width:90px;font-size:14px;font-weight:600;float:left;}

.flink marquee{width:1100px;float:left;}

.flink a{display:inline-block;margin:0 30px 0 0;}


/*--- Container ---*/



/*搜索*/

.search{height:54px;color:#666666;background:#eaeaea;}

.search .sh-type{display:block;padding:0 0 0 31px;font-weight:600;line-height:54px;background:url(../images/icon-hot.png) no-repeat left center;float:left;}

.search .sh-list{line-height:54px;float:left;}

.search .sh-list a{display:inline-block;margin-right:8px;}

.srch-box{padding:0 26px 0 8px;width:244px;height:38px;background:#fff;border:1px solid #00489c;float:right;position:relative;margin:7px 0 0;}

.srch-box .text{height:38px;}

.srch-box .btn{width:36px;height:38px;background:#0054a6 url(../images/all-icon.png) 0 -60px;position:absolute;right:0px;top:0px;}



/*在线客服*/

.float-oSrv{width:76px;text-align:center;border:1px solid #00489c;background:#fff;position:fixed;right:0;top:30%;z-index:98;}

.float-oSrv a{display:block;padding:10px 0;line-height:17px;}

.float-oSrv .oSrv-img{width:43px;height:43px;line-height:43px;text-align:center;border-radius:100%;margin:0 auto 3px;}



/*产品展示*/

.index-pro{padding:20px 0px;/*background:#f7f7f7;*/}

.Ipro-wrap{padding:10px 20px;border:1px solid #eeeeee;background:#fff;position:relative;overflow:hidden;}



.Ipro-left{width:220px;padding:0 0 26px;color:#fff;background:#00489c;float:left;}

.Ipro-left .top{width:190px;padding:0 0 0 16px;line-height:51px;border-bottom:1px solid rgba(255,255,255,.1);margin:0 auto;}

.Ipro-left .top span{font-size:18px;font-weight:600;margin:0 9px 0 0;}

.Ipro-left .nav a{display:block;padding:0 7px;height:43px;line-height:43px;position:relative;}

.Ipro-left .nav a span{display:block;padding:0 0 0 45px;border-bottom:1px solid rgba(255,255,255,.1);}

.Ipro-left .nav a i{display:block;line-height:43px;font-style:normal;position:absolute;top:0px;left:25px;}

.Ipro-left .nav a.cur, .Ipro-left .nav a:hover{background:#f3f3f3;color:#00489c;}

.Ipro-left .ct{padding:0 7px 0 7px;margin:28px 0 0;}

.Ipro-left .ct .hint{font-size:12px;line-height:23px;}

.Ipro-left .ct .box{padding:0 0 0 37px;background:url(../images/icon-tel2.png) no-repeat left center;margin:10px 0 0;}

.Ipro-left .ct .con1{line-height:18px;opacity:.6;}

.Ipro-left .ct .con2{padding:5px 0px; line-height:25px;font-size:23px; }

.Ipro-left .ct .con3{padding:5px 0px;}
.Ipro-left .ct .con3 img{max-width: 150px;}



.Ipro-right{width:906px;height:610px;overflow:hidden;float:right;}

.Ipro-right .top{line-height:36px;color:#666; padding-left: 30px;}

.Ipro-right .top .name{font-size:16px;font-weight:600;color:#333;margin:0 5px 0 0;}


.Ipro-list{width:921px;margin:0 0 0 -21px;}

.Ipro-list li{width:280px;padding:0 0 0 21px;text-align:center;float:left;margin:20px 0;box-sizing: content-box;}

.Ipro-list .plist-img{height:283px;line-height:283px;font-size:0px;border:1px solid #e2e2e2;position:relative;overflow:hidden;}

.plist-img img{max-width:100%;max-height:100%;object-fit:cover;}

.Ipro-list .plist-hover{width:100%;padding:10px 0 10px;height:25px;background:#00489c;position:absolute;bottom:-45px;left:0px; color:white; box-sizing: content-box;}

.plist-hover .btn{display:block;width:80px;height:25px;line-height:25px;font-size:12px;color:#fff;border:1px solid #ffffff;margin:0 auto;}

.plist-hover .btn span{letter-spacing:-2px;margin-left:5px;}

.Ipro-list .name{line-height:18px;margin:10px 0 0;}

.Ipro-list li:hover .plist-img{border-color:#00489c;}

.Ipro-list li:hover .plist-hover{bottom:0px;}

.phone-area{padding:20px 0px; background:#eaeaea;}
.phone-area .container{background: white; height: 135px; padding-top: 0px;}

.phone-area .nsl{width:400px;float:left;}
.phone-area .hnli{list-style:none;margin:10px 0;padding:0;}
.phone-area .hnli .li-top{font-size: 45px;font-weight: bold; }
.phone-area .hnli .li-bottom{font-size: 22px; color:#666666;}
.phone-area .hnli li{margin:5px 0 0 20px; overflow: hidden; }
.phone-area .hnli li .span-left{float:left;color: #00917F;}
.phone-area .hnli li .span-right{float:right;color: #555555;}
.phone-area .hnli li a{width: 400px; overflow: hidden; max-width: 400px; }

.phone-area .nsr{width:700px;float:right; padding-right: 20px;}
.phone-area .faq{list-style:none;margin:20px 0;padding:0;}
.phone-area .faq li{ line-height: 30px;}
.phone-area .faq .question{margin:20px 0 0 10px; font-size: 15px;}
.phone-area .faq .answer{  margin:10px 0 0 10px; height: 130px;}
.phone-area .faq .answer img{max-width:130px; background: url(../images/icon-tel2.png);}




.thanks-service{padding:0px; background: url(../images/xinshouy11.jpg) no-repeat top center; height: 738px;}
.index-service{padding:20px 0px;}
.index-service .top{line-height:22px;text-align:center;color:#666666;margin:10px 0 0;}

.ServiceCooperation {
    /*background: #f5f5f5;*/
    height: 560px;
    padding-left: 20px;
    padding-top: 10px;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list {
    position: relative;
    background: url(../images/bn38.png) no-repeat 50% 100%;
    padding-bottom: 45px;
    width: 159px;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    float: left;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 67px;
    background: #1a83bf;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 23px;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list .content_list_title {
    background: #fff;
    width: 220px;
    height: 150px;
    text-align: center;
    padding-top: 30px;
    position: relative;
    left: -30px;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list .content_list_title dd {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list .content_list_title dt {
    font-size: 14px;
    color: #666666;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list .content_list_icon {
    width: 85px;
    height: 85px;
    border-radius: 100%;
    text-align: center;
    line-height: 85px;
    background: #1a83bf;
    position: relative;
    top: -42px;
    color:white;
    font-size: 20px;
    margin-bottom: -42px;
    margin: 0 auto;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list.on {
    background: url(../images/bn38_on.png) no-repeat 50% 100%;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list.on .content_list_icon {
    background: #ff7019;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list.on:before {
    background: #ff7019;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list:nth-child(2n) .content_list_title {
    position: relative;
    bottom: -380px;
    padding-top: 66px;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list:nth-child(2n) .content_list_icon {
    position: relative;
    bottom: -180px;
    top: auto;
}

.ServiceCooperation .ServiceCooperation_content .ServiceCooperation_content_list:nth-child(2n):before {
    bottom: -66px;
}

.ServiceCooperation .ServiceCooperation_content_mo {
    display: none;
}

.i_ser_box{width: 100%;height: auto;padding: 30px 0 0px;overflow: hidden;}
.i_ser_m{width: 1200px;height: auto;margin:16px auto 0;overflow: hidden;}
.i_ser_list{width: 1200px;height: auto;overflow: hidden;}
.i_ser_list ul{margin: 0;padding: 0;width: 1200px;height: 340px;position: relative;overflow: hidden;}
.i_ser_list ul li{width: 90px;height: 340px;float: left;margin: 0 0 0 2px;overflow: hidden;}
.i_ser_list ul li.first-child{margin: 0;}
.i_ser_list ul li.last-child{position: absolute;right: 0;top: 0;}
.i_ser_menu{width: 90px;height:340px;padding: 60px 0;background: url(../images/ser_bg1.png) no-repeat top;font-size: 30px;color: #fff;writing-mode:tb-rl;line-height: 90px;float: left;cursor: pointer;overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.i_ser_list ul li.active .i_ser_menu{background: url(../images/ser_bg2.png) no-repeat top;}
.i_ser_details{width: 832px;height: 340px;background: #fff;overflow: hidden;}
.i_ser_c{width:742px;height: 340px;padding: 10px 40px;float: right;overflow: hidden;}
.i_ser_img{max-width: 430px;height: 320px;text-align: center;float: left;overflow: hidden;}
.i_ser_img img{vertical-align: middle;max-width: 100%;}
.i_ser_text{width: 200px;height: 240px;font-size: 16px;color: #666;line-height: 36px;float: right;overflow: hidden;}
.i_ser_list.for_en ul li .i_ser_menu{width: 44px;padding: 50px 23px;font-size: 16px;line-height: 22px;}

/*title*/

.red{color:#e82929;}

.I-title h1{font-size:28px;line-height:28px;color:#00489c;}

.I-title .info{border-bottom:1px solid #d1d1d1;}

.I-title .info span{display:inline-block;padding:0 22px;line-height:21px;font-size:16px;color:#616161;background:#fff;position:relative;bottom:-10px;}

.I-title .info span:before,

.I-title .info span:after{content:"";display:block;width:11px;height:100%;background:url(../images/iT-bg.png) no-repeat center 8px;position:absolute;top:0px;}

.I-title .info span:before{left:0px;}

.I-title .info span:after{right:0px;}



.p-title{text-align:center;background:url(../images/pt-bg.png) repeat-x left 43px;}

.p-title .t1{line-height:22px;font-size:18px;color:#888888;}

.p-title .t2{display:inline-block;padding:0 12px;line-height:42px;font-size:24px;font-weight:600;color:#00489c;background:#fff;}

.p-title i{display:block;width:45px;height:3px;background:#00489c;margin:0 auto;}

.p-title.pt2{text-align:left;background-position:left 39px;}

.p-title.pt2 .t2{padding-left:0px;font-size:18px;line-height:34px;}

.p-title.pt2 i{margin:0px;}



/*你的烦恼*/

/*.container-IuTrb{padding:55px 0 35px;}*/

.IuTrb-wrap{position:relative;/*margin:40px 0 0;*/}

.IuTrb-box{position:absolute;display:none;}

.IuTrb-box .num{display:inline-block;width:69px;height:27px;line-height:27px;text-align:center;font-size:16.25px;color:#fefefe;border-radius:27px;}

.IuTrb-box .type{font-size:18px;margin:12px 0 6px;}

.IuTrb-box .con{padding:0 40px 0;}

.IuTrb-box.IuTrb-box1{display:block;top:51px;left:0px;}

.IuTrb-box.IuTrb-box2{display:block;top:197px;left:0px;}

.IuTrb-box.IuTrb-box3{display:block;top:338px;left:0px;}

.IuTrb-box.IuTrb-box4{display:block;top:51px;right:0px;}

.IuTrb-box.IuTrb-box5{display:block;top:197px;right:0px;}

.IuTrb-box.IuTrb-box6{display:block;top:338px;right:0px;}

.IuTrb-box a:hover{text-decoration:underline;}


/*关于我们*/

.Iabus-wrap{width:712px;float:left;}

.Iabus-img{width:308px;height:219px;object-fit:cover;float:left;margin:18px 0 0;position: relative;}

.ind-video{margin-top:35px;}

.ind-video:after{position: absolute;content:"";width:100%;height:100%;left:0px;top:0px;z-index:2;background:rgba(0,0,0,.3);}

.Iabus-img .vplay{cursor: pointer;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:10;}

.Iabus-box{width:375px;float:left;margin:33px 0 0 21px;}

.Iabus-box .name{line-height:20px;font-weight:600;}

.Iabus-box .con{font:12px/26px '宋体';margin:25px 0 0;}

.Iabus-box .more{color:#00489c;}


/* compared */

.mainCompared{height:850px; background: white;}

.mainCompared h2{height:174px;line-height:174px;text-align:center;background:url(../images/combt.png) no-repeat center top;}

.mainCompared h2 span{width:421px;display:inline-block;font-size:36px;color:#fff;}

.mainCompared .comp{font-size:16px; height:100px;background:#fff;box-shadow:0 0 2px 2px #e6e6e6;margin-top:10px;padding:0 20px;font-size:14px;color:#333;}

.mainCompared .comp .p1,.mainCompared .comp .p3{width:490px;padding-top:20px;}

.mainCompared .comp .p1 span{color:#ff9a00;}

.mainCompared .comp .p3{color:#666666;text-align:right;}

.mainCompared .comp .p2{width:90px;height:90px;margin-top:5px;margin-left:45px;cursor:pointer;overflow:hidden;}

.mainCompared .comp .p2 span{display:block;padding-top:48px;height:42px;text-align:center;line-height:16px;font-size:16px;color:#fff;box-sizing: content-box;}

.mainCompared .comp .p2 .sp{background:url(../images/p1.jpg) no-repeat;}

.mainCompared .comp .p2 .sp1{background:url(../images/p2.jpg) no-repeat;}

.mainCompared .comp .p2 .sp2{background:url(../images/p3.jpg) no-repeat;}

.mainCompared .comp .p2 .sp3{background:url(../images/p4.jpg) no-repeat;}

.mainCompared .comp .p2 .sp4{background:url(../images/p5.jpg) no-repeat;}

.mainCompared .comp .p2 .sp5{background:url(../images/p6.jpg) no-repeat;}

.mainCompared .comp .p2 span{

    -webkit-transition: -webkit-transform 0.3s ease-out;

    -moz-transition: -moz-transform 0.3s ease-out;

    -o-transition: -o-transform 0.3s ease-out;

    -ms-transition: -ms-transform 0.3s ease-out;

}

.mainCompared .comp .p2:hover span{

    -webkit-transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);

    -o-transform: rotateZ(360deg);

    -ms-transform: rotateZ(360deg);

    transform: rotateZ(360deg);

}



/*资质荣誉*/

.Ihonor{width:420px;padding:0 0 20px 27px;border-left:1px solid #e5e5e5;float:right;}

.Ihonor-swiper{padding:0 25px;height:232px;text-align:center;position:relative;overflow:hidden;margin:10px 0 0;}

.Ihonor-img{height:207px;line-height:207px;font-size:0px;overflow:hidden;}

.Ihonor-img img{max-width:100%;max-height:100%;object-fit:cover;}

.Ihonor-swiper .name{line-height:20px;margin:5px 0 0;}

.IhonorSwiper-prev,

.IhonorSwiper-next{display:block;width:24px;height:207px;position:absolute;top:0px;}

.IhonorSwiper-prev{left:0px;background:url(../images/swiper2-l.png) no-repeat center center;}

.IhonorSwiper-next{right:0px;background:url(../images/swiper2-r.png) no-repeat center center;}


/*客户评价*/

.evaluate{padding:20px 0px;margin:10px 0 0; background: #eaeaea;}

.evaluate .contain{background: white;padding-top: 20px;}

.evaluate .p-title .t2{background:#f9f9f9;}

.evaluate .top{line-height:22px;text-align:center;color:#666666;margin:10px 0 0;}

.eval-swiper{width:1160px;height:380px;overflow:hidden;margin:33px auto 0;}

.eval-swiper .swiper-container{width:1220px !important;height:355px;margin:0 0 0 -10px !important;}

.eval-swiper .eval-box{width:285px;height:355px;background:#fff;margin:0 auto;}

.eval-box img{width:285px;height:195px;object-fit:cover;}

.eval-box .eval-block{height:140px;padding:10px 18px 0;border:1px solid #dbdbdb;border-top:0px;}

.eval-block .name{line-height:32px;font-size:16px; text-align: center;}

.eval-block .con{line-height:25px;height:75px;color:#666666;margin:5px 0 0;}

.eval-block .btn{display:block;width:184px;height:28px;line-height:28px;border:1px solid #dcdcdc;color:#666666;margin:22px auto 0;}

.eval-box:hover .eval-block .btn{border-color:#00489c;background:#00489c;color:#fff;}

.eval-box:hover .eval-block .name{color:#00489c;}



.eval-swiper .swiper-pagination{text-align:center;font-size:0px;}

.eval-swiper .swiper-pagination-switch{display:inline-block;width:12px;height:12px;border-radius:100%;background:#dbdbdb;vertical-align:middle;margin:0 6px;cursor:pointer;}

.eval-swiper .swiper-active-switch{background:#00489c;display:inline-block !important;}

.eval-swiper .swiper-pagination-switch.swiper-visible-switch{display:none;}


/*新闻*/

.index-news{padding:20px 0px;border-bottom:1px solid #e2e2e2; background: #eaeaea;}
.index-news .contain{background: white;padding-top: 20px;}
.index-news .container{height: 440px; }
.index-news .p-title{margin-bottom: 20px;}
.index-news .nsl{width:600px;float:left;}
.index-news .nsnv{border-bottom:2px solid #efefef; padding:0 0 13px 0;}
.index-news .nsnv li{display:inline-block;margin:0 10px;list-style:none;text-align:center; }
.index-news .nsnv span{float:right;margin-right:13px;}
.index-news .nvact{padding-bottom:13px;border-bottom:4px solid #00489c; font-size: 17px;}

.index-news .nsr{width:500px;float:right; padding-right: 20px;}
.index-news .hnli{list-style:none;margin:20px 0;padding:0;}
.index-news .hnli li{list-style:inside url(../images/arrow.png);margin:10px 0 0 13px;line-height: 30px; overflow: hidden; }
.index-news .hnli li .date-span{float:right;}
.index-news .hnli li a{width: 400px; overflow: hidden; max-width: 400px; }

.index-news .faq{list-style:none;margin:20px 0;padding:0;}
.index-news .faq li{ line-height: 30px;}
.index-news .faq .question{margin:20px 0 0 10px; list-style:inside url(../images/question.png); font-size: 15px;}
.index-news .faq .answer{  margin:10px 0 0 10px; list-style:inside url(../images/answer.png); border-bottom: 1px solid rgb(204, 204, 204);height: 60px;}



.Inews-wrap li{width:380px;padding:0 0 0 30px;float:left; box-sizing: content-box;}

.Inews-wrap .type{border-bottom:1px solid #e5e5e5;}

.Inews-wrap .type span{display:inline-block;width:133px;height:38px;line-height:38px;text-align:center;font-size:18px;color:#666666;border:1px solid #e2e2e2;border-bottom:0px;}

.Inews-box{display:block;overflow:hidden;margin:35px 0 0;}

.Inews-box .date{width:70px;height:70px;line-height:19px;text-align:center;color:#666;border:1px solid #e5e5e5;float:left;}

.Inews-box .date .day{line-height:41px;font-size:38px;margin:5px 0 0;}

.Inews-box .name{width:300px;line-height:21px;font-size:16px;float:right;}

.Inews-box .con{width:300px;height:46px;line-height:23px;color:#666666;float:right;margin:5px 0 0;}

.Inews-box:hover .date{background:#00489c;border-color:#00489c;color:#fff;}

.Inews-box:hover .name{color:#00489c;}



.Ifaq-box{padding:22px 0 9px;border-bottom:1px dashed #e9e9e9;}

.Ifaq-box .qu{line-height:31px;font-size:16px;}

.Ifaq-box .qu label{color:#00489c;}

.Ifaq-box .anw{line-height:22px;color:#666666;}

.Ifaq-box .anw label{color:#e77f20;}



/*合作伙伴*/

.index-parter{padding:42px 0 55px}
.Iparter-list{width:1212px;margin:19px 0 0 -12px;}

.Iparter-list li{width:190px;padding:0 0 0 12px;text-align:center;float:left;margin:10px 0 0;}

.Iparter-list .Iparter-img{height:94px;line-height:94px;font-size:0px;border:1px solid #e2e2e2;overflow:hidden;}

.Iparter-img img{max-width:100%;max-height:100%;object-fit:cover;}

.Iparter-list .name{line-height:22px;color:#666666;margin:5px 0 0;}





/*-- 内页 --*/

.page-contain{padding:37px 0 56px;min-height:500px;}



/*内页左边导航*/

.page-left{width:242px;float:left;}

.pl-type{padding:0 0 0 36px;height:50px;line-height:50px;color:#fff;background:#00489c;margin-top: 0;}

.pl-type span{font-size:18px;font-weight:600;margin:0 12px 0 0;}



.pl-nav{padding:0 0 16px;border-top:1px solid #e5e5e5;}

.pl-nav li{display:block;background:#eaeaea;}

.pl-nav li .pln-name{display:block;height:44px;line-height:44px;padding:0 0 0 35px;background:url(../images/icon-dd.png) no-repeat 196px center;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;transition:none;-webkit-transition:none;}

.pln2nd-box{display:none;border-bottom:1px solid #e5e5e5;}
.pln2nd-box-show{display:block;}

.pln2nd-box a{display:block;height:44px;line-height:44px;padding:0 0 0 35px;}

.parent-nav li.cur .pln-name{background:white url(../images/icon-dd2.png) no-repeat 196px center;color:#00489c;}

.parent-child-nav li.cur .pln-name{background:url(../images/icon-dd2.png) no-repeat 196px center;}

.pln2nd-box a.cur,

.pln2nd-box a:hover{color:#00489c; background:white;}



.pl-ct{background:#eaeaea;}

.plCt-list{width:199px;padding:8px 15px 16px 28px; box-sizing: content-box;}

.plCt-list li{display:block;padding:2.5px 0 0 27px;line-height:22px;color:#666666;margin-top: 8px;}

.plCt-list li.tel{background:url(../images/plCt-1.png) no-repeat left top; font-size: 23px;}

.plCt-list li.phone{background:url(../images/plCt-2.png) no-repeat left top;}

.plCt-list li.qq{background:url(../images/plCt-3.png) no-repeat left top;}

.plCt-list li.mail{background:url(../images/plCt-4.png) no-repeat left top;}
.plCt-list li.mail img{max-width: 150px;}
.plCt-list li.adr{background:url(../images/plCt-5.png) no-repeat left top;}




/*内页右边内容*/

.page-right{width:900px;float:right;}



.page-top{padding:3px 0 10px;border-bottom:1px solid #dadada;}

.page-top .page-name{padding:0 0 0 12px;height:24px;line-height:24px;font-size:18px;font-weight:600;border-left:5px solid #00489c;}

.page-top .page-locate{padding:0 0 0 20px;height:30px;line-height:30px;color:#666666;background:url(../images/icon-locate.png) no-repeat left center;float:right;}

.page-locate a:last-child{color:#333;}



.page-box{position:relative;overflow:hidden;margin:25px 0 0;}

.page-box img{max-width:100%;object-fit:cover;}



/*900px*/



/*-- 产品 --*/

.pro-list{width:921px;margin:0 0 0 -21px;}

.pro-list li{width:286px;padding:0 0 0 21px;text-align:center;float:left;margin:20px 0; box-sizing: content-box;}

.pro-list .plist-img{height:283px;line-height:283px;font-size:0px;border:1px solid #e2e2e2;position:relative;overflow:hidden;}

.plist-img img{max-width:100%;max-height:100%;object-fit:cover;}

.pro-list .plist-hover{box-sizing:content-box; width:100%;padding:10px 0 10px;height:25px;background:#00489c;position:absolute;bottom:-45px;left:0px;}

.plist-hover .btn{display:block;width:80px;height:25px;line-height:25px;font-size:12px;color:#fff;border:1px solid #ffffff;margin:0 auto;}

.plist-hover .btn span{letter-spacing:-2px;margin-left:5px;}

.pro-list .name{line-height:18px;margin:10px 0 0;}

.pro-list li:hover .plist-img{border-color:#00489c;}

.pro-list li:hover .plist-hover{bottom:0px;}



/*视图*/

.pInfo-view{width:400px;float:left;margin:31px 0 0;}

.pInfoSwiper-case{width:400px;height:300px;border:1px solid #e2e2e2;position:relative;overflow:hidden;}
.pInfoSwiper-case img{ max-width: 400px;

}
.pInfoSwiper-man{width:338px;height:338px;border:1px solid #e2e2e2;position:relative;overflow:hidden;}

.pInfoSwiper-man ul,

.pInfoSwiper-min .num ul{position:absolute;top:0px;left:0px;overflow:hidden;}

.pInfoSwiper-man ul li{width:338px;height:338px;line-height:338px;text-align:center;font-size:0px;position:relative;overflow:hidden;float:left;}

.pInfoSwiper-man ul li a{display:block;position:relative;}

.pInfoSwiper-man ul li img,

.pInfoSwiper-min .num li img{max-width:100%;max-height:100%;object-fit:cover;}

.pInfoSwiper-min{padding:0 14px;height:70px;position:relative;overflow:hidden;margin:16px 0 0;}

.pInfoSwiper-min .num{width:312px;height:70px;position:relative;overflow:hidden;float:left;}

.pInfoSwiper-min .num li{padding:0 4px;float:left;margin:0px;}

.pInfoSwiper-min .num li a{display:block;width:68px;height:68px;line-height:68px;font-size:0px;text-align:center;border:1px solid #e2e2e2;overflow:hidden;}

.pInfoSwiper-min .num li.on a{border-color:#00489c;}

.pInfoSwiper-prev,

.pInfoSwiper-next{display:block;width:14px;height:70px;position:absolute;top:0px;}

.pInfoSwiper-prev{left:0px;background:url(../images/swiper3-l.png) no-repeat left center;}

.pInfoSwiper-next{right:0px;background:url(../images/swiper3-r.png) no-repeat right center;}



/*参数*/

.pInfo-box{width:450px;float:right;margin:31px 0 0;}

.pInfo-box .name{padding:0 0 2px;height:38px;line-height:38px;color:#6a6a6a;border-bottom:1px dotted #bababa;}

.pInfo-box .name em{font-size:18px;font-weight:600;}

.pInfo-box .info{padding:8px 0 5px;line-height:28px;color:#666666;}

.pInfo-box .action{line-height:36px;color:#666666;}
.pInfo-box .action em{font-size:16px;}

.pInfo-box .order{font-size:18px;color:#00489c;font-weight:600;}

.pInfo-box .action .btn{width:120px;height:36px;font-weight:600;color:#fff;background:#00489c;border-radius:3px;float:right;}
.pInfo-box .action .case-btn{width:120px;height:36px;font-weight:600;color:#fff;background:#00489c;border-radius:3px;}


/*详细*/

.pro-dtl{margin:30px 0 0;}

.pDtl-nav{height:52px;border-top:1px solid #e2e2e2;border-bottom:1px solid #00489c;position:relative;box-sizing: content-box;}

.pDtl-nav a{display:block;width:133px;height:52px;line-height:52px;text-align:center;font-size:16px;color:#535353;background:#fff;float:left;transition:none;-webkit-transition:none;}

.pDtl-nav a span{display:block;height:22px;line-height:22px;border-right:1px dotted #8d8d8d;position:relative;top:15px;}

.pDtl-nav a.cur{height:53px;color:#00489c;border-left:1px solid #00489c;border-right:1px solid #00489c;border-top:5px solid #00489c;border-bottom:0px;position:relative;left:-1px;}

.pDtl-nav a.cur span{border:0px;}

.pDtl-nav a:hover{color:#00489c;}



.pDtl-box{display:block;padding:25px 0;line-height:28px;color:#666666;position:relative;overflow:hidden;margin:5px 0 0;display:none;}

.pDtl-box img{max-width:100%;}



/*相关产品*/

.about-pro{padding:20px 0 0;background:url(../images/ap-bg.png) repeat-x left top;margin:5px 0 0;}

.about-pro .page-top{margin:23px 0 0;}

.about-pro .page-top .t2{color:#666666;position:relative;margin:0 0 0 10px;top:2px;}



/*-- 成功案例 --*/



.case-list{width:921px;padding:3px 0 0;margin:0 0 0 -21px;}

.case-list li{width:286px;padding:0 0 0 21px;text-align:center;float:left;margin:23px 0 0; box-sizing: content-box;}

.clist-img{position:relative;overflow:hidden;}

.clist-img img{width:286px;height:212px;}

.clist-img .hover,

.clist-img .hover span{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0;filter:alpha(opacity=0);}

.clist-img .hover span{background:url(../images/icon-see.png) no-repeat center center;opacity:1;filter:alpha(opacity=100);}

.case-list li .name{height:40px;line-height:40px;font-size:16px;color:#666666;background:#d7d7d7;}

.case-list li:hover .clist-img .hover{opacity:1;filter:alpha(opacity=100);}



/*详细*/

.article-info{margin:30px 0 0;}

.aInfo-top{padding:0 0 15px;text-align:center;border-bottom:1px dashed #dadada;}

.aInfo-top h1{font-size:30px;line-height:40px;}

.aInfo-top .date{display:block;line-height:25px;color:#666666;margin:5px 0 0;}

.aInfo-box{padding:22px 0 30px;color:#666666;line-height:24px;position:relative;overflow:hidden;}

.aInfo-box img{max-width:100%;}

.aInfo-page{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;line-height:60px;color:#666666;margin:18px 0 0;}

.aInfo-page a.fl{display:block;padding:0 0 0 34px;width:40%;background:url(../images/icon-prev.png) no-repeat left center;}

.aInfo-page a.fr{display:block;padding:0 34px 0 0;width:40%;background:url(../images/icon-next.png) no-repeat right center;text-align:right;}

.page-rtn{display:block;width:128px;height:46px;line-height:46px;background:#00489c;color:#fff;margin:35px auto 0;}

.page-rtn span{padding:0 0 0 23px;background:url(../images/icon-rtn.png) no-repeat left center;}



/*服务支持*/

.sp-box{color:#666666;line-height:26px;margin:15px 0 0;}

.sp-box img{max-width:100%;}



/*新闻中心*/

/*.cnews-list{margin-top:30px;}*/

.cnews-list li{padding:17px;height:101px;border-left:4px solid #acd7c7;background-color:#f5f5f5;margin-top:20px;cursor:pointer; box-sizing: content-box;}

.cnews-list li a{display:inline-block;width:100%;height:100%;color:#666666;position:relative;}

.cnews-list li .title{font-size:16px;margin-bottom:10px;color:#333333;line-height: 16px;}

.cnews-list li .con{height:50px;line-height:25px;}

.cnews-list li .time{width:100%;line-height:14px;position:absolute;bottom:0;}

.cnews-list li .time>.go{float:right;color:#00489c;}

.cnews-list li .time>.go>i{display:inline-block;width:13px;height:13px;line-height:13px;background:url(../images/go-btn.png) no-repeat;background-position:0px -33px;margin:0 8px -2px 0;}



.cnews-list li:hover{border-left:4px solid #21aa93;background-color:#a7d9c6;}

.cnews-list li:hover a, .cnews-list li:hover .title, .cnews-list li:hover .time>.go{color:#fff;}

.cnews-list li:hover .time>.go>i{background-position:0px 0px;}



/*关于我们*/

.quotes{margin:25px 0 0;}

.quotes-box{padding:17px 0 0;line-height:30px;color:#666666;border-top:1px dotted #dadada;margin:25px 0 0;}

.quotes img {max-width: 900px;}

/*发展历程*/

.history-box{margin-top:25px;}

.history-box .history-con{float:left;width:810px;}

.history-con .year{font-size:20px;color:#00489c;margin-bottom:30px;}

.history-con p{line-height:40px;font-size:13px;color:#484848;letter-spacing:0.5px;}

.history-con p>.time{display:inline-block;width:100px;}



.history-box .history-move{float:right;position:relative;display:inline;width:51px;height:485px;background:url(../images/history-line.jpg) no-repeat top center;}

.history-move .hm-click{position:absolute;left:17px;width:18px;height:18px;display:block;background:url(../images/hm-btn.png) no-repeat;}

.history-move .hm-prev{background-position:0px 0px;top:0;}

.history-move .hm-next{background-position:0px -49px;bottom:0;}

.history-move .hm-prev:hover{background-position:-58px 0px;}

.history-move .hm-next:hover{background-position:-58px -49px;}

.history-move .history-list{position:absolute;left:0;top:38px;width:51px;height:423px;overflow:hidden;}

.history-list>ul>li, .about-bdMlist li{font-size:13px; background:url(../images/history-ac.jpg) no-repeat; width:51px; height:51px; line-height:51px; margin-bottom:21px; text-align:center; cursor:pointer;}

.history-list>ul>li.cur, .about-bdMlist li.cur{display:block; width:51px; height:51px; background:url(../images/history-ho.png) no-repeat; color:#FFF;}



/*公司风采*/

.cStyle-swiper{margin:20px 0 0;}



.cStyleSwiper-man ul,

.cStyleSwiper-min .num ul{position:absolute;top:0px;left:0px;overflow:hidden;}



.cStyleSwiper-man{width:900px;height:400px;text-align:center;position:relative;overflow:hidden;}



.cStyleSwiper-man ul li,

.cStyleSwiper-man ul li img{width:900px;height:400px;float:left;position:relative;}



.cStyleSwiper-min{height:75px;padding:0 18px;position:relative;overflow:hidden;margin-top:15px;}

.cStyleSwiper-min .num{width:864px;height:75px;position:relative;overflow:hidden;float:left;}

.cStyleSwiper-min .num li{padding:0 2px;float:left;}

.cStyleSwiper-min .num li a{display:block;position:relative;}

.cStyleSwiper-min .num li img{width:140px;height:75px;}

.cStyleSwiper-min .num li a i{display:block;width:100%;height:100%;background:rgba(122,167,65,0.6);position:absolute;top:0px;left:0px;display:none;}

.cStyleSwiper-min .num li.on a i{display:block;}



.cStyleSwiper-Manprev,

.cStyleSwiper-Mannext{width:45px;height:100%;position:absolute;top:0px;z-index:2;}

.cStyleSwiper-Manprev{left:0px;background:url(../images/swiper4-l.png) no-repeat center center;}

.cStyleSwiper-Mannext{right:0px;background:url(../images/swiper4-r.png) no-repeat center center;}



.cStyleSwiper-Minprev,

.cStyleSwiper-Minnext{display:block;width:16px;height:75px;line-height:75px;font-size:0px;text-align:center;background:#cccccc;position:absolute;top:0px;}

.cStyleSwiper-Minprev img,.cStyleSwiper-Minnext img{margin-top: 32px;}

.cStyleSwiper-Minprev{left:0px;}

.cStyleSwiper-Minnext{right:0px;}

.cStyleSwiper-Minprev:hover,

.cStyleSwiper-Minnext:hover{background:#00489c;}



.cSs-box{width:840px;padding:10px 30px 14px 30px;text-align:left;background:url(../images/cSs-bg1.png) repeat;position:absolute;bottom:0px;left:0px;z-index:2;}

.cSs-box .name{line-height:28px;font-size:18px;color:#00489c;}

.cSs-box .con{line-height:24px;color:#fff;}



/*联系我们*/

.ctUs-box{margin:25px 0 0;}

.ctUs-box .ctUs-img{width:400px;height:240px;object-fit:cover;float:left;}

.ctUs-block{width:470px;float:right;margin:13px 0 0;}

.ctUs-block .name{padding:0 0 10px;font-size:18px;line-height:25px;color:#2f2f2f;border-bottom:1px solid #dadada;}

.ctUs-block .con{display:block;padding:5px 0 5px 30px;line-height:20px;font-size:16px;}

.ctUs-block .tel{background:url(../images/plCt-1.png) no-repeat left 2px;margin:8px 0 0; font-size: 23px;}

.ctUs-block .mobile{background:url(../images/plCt-2.png) no-repeat left 2px;}

.ctUs-block .qq{background:url(../images/plCt-3.png) no-repeat left 2px;}

.ctUs-block .mail{background:url(../images/plCt-4.png) no-repeat left 2px;}

.ctUs-block .adr{background:url(../images/plCt-5.png) no-repeat left 2px;}



.ctUs-map{border:1px solid #cdcbcc;position:relative;overflow:hidden;margin:24px 0 0;}



.ctUs-form{margin:28px 0 0;}

.oMsg-list{margin:13px 0 0;}

.oMsg-list li{width:50%;padding:10px 0;overflow:hidden;float:left;}

.oMsg-list .oMsg-type{display:block;width:50px;height:44px;line-height:44px;text-align:right;float:left;}

.oMsg-list li.w100{width:100%;}

.oMsg-list .text{padding:0 10px;width:368px;height:42px;border:1px solid #dadada;float:left;margin:0 0 0 10px;}

.oMsg-list textarea.text{width:818px;height:204px;padding:8px 10px;line-height:26px;resize:none;}

.oMsg-list .yzm-text{width:165px;}

.oMsg-list .yzm-img{display:block;height:42px;border:1px solid #dadada;float:left;overflow:hidden;margin:0 0 0 5px;}

.yzm-img img{height:42px;width:auto;object-fit:cover;}

.oMsg-sub{width:154px;height:44px;line-height:44px;font-size:18px;color:#fff;background:#00489c;float:left;margin:0 0 0 5px;}



/*技术*/

.technology{padding:20px 0px;}

.technology .top{line-height:22px;text-align:center;color:#666666;margin:10px 0 0;}

.tech-list{margin:5px 0 0;}

.tech-list li{width:50%;padding:37px 0;}

.tech-list li img{width:105px;height:105px;object-fit:cover;border-radius:100%;}

.tech-list li .box{width:210px;}

.tech-list li .name{display:inline-block;line-height:32px;font-size:18px;font-weight:600;background-image:url(../images/icon-l1.png);background-repeat:no-repeat;}

.tech-list li .con{height:52px;line-height:26px;margin:5px 0 0;}



.tech-list li.fl img{float:left;}

.tech-list li.fl .box{float:left;margin:4px 0 0 20px;}

.tech-list li.fl .name{padding:0 21px 0 0;background-position:right center;}

.tech-list li.fr img{float:right;}

.tech-list li.fr .box{text-align:right;float:right;margin:4px 20px 0 0;}

.tech-list li.fr .name{padding:0 0 0 21px;background-position:left center;}



.tech-list li.tech-box{display:block;padding:0px;width:422px;height:422px;border-radius:100%;position:absolute;top:50%;left:50%;margin:-212px 0 0 -212px;}

.tech-list li.tech-box img{width:425px;height:425px;position:absolute;top:.5px;left:.5px;z-index:2;border-radius:0px;}


.footer .select {
    min-width: 142px;
    background: transparent;
    border: 1px solid #ffffff;
    border-radius: 3px;
    display: inline-block;
    overflow: hidden;
    text-shadow: none;
    box-shadow: none;
    -webkit-transition: box-shadow 0.25s ease 0s;
    transition: box-shadow 0.25s ease 0s;
    vertical-align: middle;
    position: relative;
    margin-top: 10px;
}
.footer .select select {
    width: 100%;
    cursor: pointer;
    padding: 8px 10px;
    padding-right: 40px;
    padding-right: 0\9;
    border: none;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #fff;
    position: relative;
    z-index: 1;
}
.footer .select select::-ms-expand {
    display: none;
}
.footer .select:before {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: block;
    display: none\9;
    width: 20px;
    height: 20px;
    background: url(../images/all-icon.png) 0 -170px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
    z-index: 0;
}
.footer .select option {
    color: #fff;
    background: #073782;
}

/*视频插件--视频窗口*/

.media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;}

.media-modal .mediaModal-contain{width:720px;height:405px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-203px 0 0 -360px;display:none;}

.mediaModal-contain .mediaModal-box,

.mediaModal-contain video,

.mediaModal-contain .mejs-container,

.mediaModal-contain .mejs-overlay-play,

.mediaModal-contain .mejs-poster,

.mediaModal-contain .mejs-layers,

.mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;}

.mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../images/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}

.mediaModal-contain:hover .close{opacity:1;}

@media all and (max-width:980px){.mediaModal-contain .close{opacity:1;}.media-modal .mediaModal-contain{width:94%;left:3%;margin-left:0;}}


#kongyaji-images {width: 880px; margin-left: auto; margin-right: auto;}
#kongyaji-images .image-item{ display: block; text-align: center; font-size: 14px;}
#kongyaji-images img { display: block; width: 100%;}






/* 侧边栏 */

.sidebar-fix {
    position: fixed;
    right: 0;
    bottom: 10%;
    background: #00489c;
    z-index: 10;
}

.sidebar-fix a {
    width: 70px;
    height: 70px;
    border-bottom: 1px solid #21aa93;
    border-top: 1px solid #21aa93;
    display: block;
    position: relative;
}

.sidebar-fix a.sidebar-qq {
    background: url(../images/icon_qq_hover.png) no-repeat center center;
}

.sidebar-fix a.sidebar-qq:hover {
    background-color: #21aa93;
}

.sidebar-fix a.sidebar-wx {
    background: url(../images/icon_wx_hover.png) no-repeat center center;
}

.sidebar-fix a.sidebar-wx:hover {
    background-color: #21aa93;
}

.sidebar-fix a.sidebar-tel {
    background: url(../images/icon_tel_hover.png) no-repeat center center;
}

.sidebar-fix a.sidebar-tel:hover {
    background-color: #21aa93;
}

.sidebar-fix a.sidebar-email {
    background: url(../images/icon_email_hover.png) no-repeat center center;
}

.sidebar-fix a.sidebar-email:hover {
    background-color: #21aa93;
}

.sidebar-fix a.sidebar-top {
    display: none;
    background: url("../images/icon_top_hover.png") no-repeat center center;
}

.sidebar-fix a.sidebar-top:hover {
    background-color: #21aa93;
}

.sidebar-details {
    position: absolute;
    right: 80px;
    top: 0;
    border: 1px solid #d4d4d4;
    background: #ffffff;
    box-shadow: 0 0 15px #ccc;
    padding: 11px 18px;
    display: none;
}

.sidebar-details h6 {
    line-height: 1.4;
    font-size: 16px;
    color: #666666;
    white-space: nowrap;
}

.sidebar-details h6 span {
    color: #4298df;
    font-weight: bold;
}

.sidebar-details p {
    line-height: 1.4;
    font-size: 14px;
    color: #666666;
    margin-top: 6px;
    padding: 0 0 3px 7px;
}

.sidebar-wx .sidebar-details h6 {
    padding: 0 7px;
}

.sidebar-wx .sidebar-details i {
    top: 20%;
}

.sidebar-details i {
    width: 16px;
    height: 14px;
    background: url("../images/sz.png?666") no-repeat left center;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -7px;
}

.sidebar-fix a:hover .sidebar-details {
    display: block;
}

.sidebar-details img {
    width: 120px;
    max-width: 120px;
}